<template>
  <section class="address_wrapper">
    <c-nav-bar title="地址管理" />
    <div class="address_content">
      <van-address-list
        v-model="chosenAddressId"
        :list="list"
        default-tag-text="默认"
        @add="onAdd"
        @edit="onEdit"
      />
    </div>
  </section>
</template>

<script>
import { defineComponent, ref } from "vue";
import { useRouter } from "vue-router";
export default defineComponent({
  setup() {
    const router = useRouter();
    const chosenAddressId = ref("1");
    const list = [
      {
        id: "1",
        name: "张三",
        tel: "13000000000",
        address: "浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室",
        isDefault: true,
      },
      {
        id: "2",
        name: "李四",
        tel: "1310000000",
        address: "浙江省杭州市拱墅区莫干山路 50 号",
      },
      {
        id: "2",
        name: "李四",
        tel: "1310000000",
        address: "浙江省杭州市拱墅区莫干山路 50 号",
      },
    ];
    const onAdd = () => {
      router.push("addressEdit");
    };
    const onEdit = (item, index) => {
      router.push("addressEdit");
    };
    return {
      list,
      chosenAddressId,
      onAdd,
      onEdit,
    };
  },
});
</script>

<style lang="scss" scoped>
.address_wrapper {
  background: #e6e8e9;
  .address_content {
    padding-top: 46px;
  }
}
</style>
